.box {
    display: flex;
    align-items: center;
}
.flexNone {
    flex: none;
}
.flexWrap {
    flex-wrap: wrap;
}
.title {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 500;
}
.ml16 {
    margin-left: 16px;
}
.mr16 {
    margin-right: 16px;
}
.mt15 {
    margin-top: 15px;
}
.mt10 {
    margin-top: 10px;
}
.mt12 {
    margin-top: 12px;
}
.star {
    width: 6px;
    height: 6px;
    background-color: #ffa22d;
    border-radius: 50%;
    margin-right: 10px;
}
.transparent {
    background-color: transparent;
}
.description {
    margin-left: 12px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.45);
}
.split {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin: 0 5px;
    &.primarySplit {
        background-color: rgba(0, 0, 0, 0.45);
    }
    &.secondarySplit {
        background-color: rgba(0, 0, 0, 0.65);
    }
}
.iconWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 32px;
    height: 20px;
    margin-right: 12px;
    & > i {
        font-size: 18px;
    }
}
